<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
<title>首页</title>
<!-- for-mobile-apps -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="" />
<!-- bootstrap的css核心，定义了很多class -->
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
<!--jquery文件  -->
<script type="text/javascript" src="js/jquery.min.js"></script>
<!--生成弹框、提示框、下拉菜单  -->
<script type="text/javascript" src="js/popper.min.js"></script>
<!--bootstrap的js、用于响应事件  -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script src="../js/vue.js"></script>
<!--引入axios -->
<script src="../js/axios.js"></script>
<script type="application/x-javascript">
	
	
	 addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false);
		function hideURLbar(){ window.scrollTo(0,1); } 


</script>
<!-- 轮播图  -->
<link href="css/main_002.css" rel="stylesheet" type="text/css">
<link href="css/index.css" rel="stylesheet" type="text/css">
<link href="css/media.css" rel="stylesheet" type="text/css">
<script language="javascript" type="text/javascript"
	src="js/jquery-1.js"></script>
<script language="javascript" type="text/javascript"
	src="js/jquery_002.js"></script>
<!-- //for-mobile-apps -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css"
	media="all" />
<link href="css/font-awesome.css" rel="stylesheet">
<link href="css/team.css" rel="stylesheet" type="text/css" media="all" />
<link rel="stylesheet" href="css/flexslider.css" type="text/css"
	media="screen" />
<link href="css/popup-box.css" rel="stylesheet" type="text/css"
	media="all" />
<!-- popup css -->
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/modernizr-2.6.2.min.js"></script>

<!--fonts-->
<link
	href="http://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700"
	rel="stylesheet">
<link
	href="http://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i"
	rel="stylesheet">

<!--//fonts-->
<script>
	function a() {
		$('#dropdownMenu1').click();
	}
</script>
<style type="text/css">
.nmsl {
	width: 900px;
	height: 145px;
	float: right";
	margin: 0px;
	padding: 0px
}

.image {
	width: 200px;
	height: 145px;
	float: left;
}

.image img {
	width: 80%;
	height: 80%;
}

.miaoshu {
	width: 700px;
	height: 145px;
	float: right;
	color: white;
	font-family: "宋体";
	font-size: 20px;
	text-align: center;
	line-height: 145px;
	font-size: 20px;
	font-weight: bold;
}
</style>

</head>
<body>
	<!-- //header -->
	<!--Slider-->
	<div id="navigationBar" class="slider">
		<div class="header-bottom">
			<div class="container">
				<nav class="navbar navbar-default">
					<!-- Brand and toggle get grouped for better mobile display -->
					<div class="navbar-header">
						<button type="button" class="navbar-toggle collapsed"
							data-toggle="collapse"
							data-target="#bs-example-navbar-collapse-1">
							<span class="sr-only">Toggle navigation</span> <span
								class="icon-bar"></span> <span class="icon-bar"></span> <span
								class="icon-bar"></span>
						</button>
						<div class="logo">
							<h1>
								<a class="navbar-brand" href="/index.html">yoga</a>
							</h1>
						</div>
					</div>
					<!-- Collect the nav links, forms, and other content for toggling -->
					<div class="collapse navbar-collapse nav-wil"
						id="bs-example-navbar-collapse-1">
						<nav class="cl-effect-1" id="cl-effect-1">
							<ul class="nav navbar-nav">
								<!--<li><a href="#home" class="active" data-hover="Home">首页</a></li>
								<li><a href="#about" class="scroll" data-hover="About">关于</a></li>-->
								<!--<li><a href="#services" class="scroll" data-hover="Services">私教课程</a></li>-->
								<li><a href="#student" class="scroll" data-hover="student">学员风采</a></li>
								<li v-if="roles != 0"><a href="/ClubMap.html"
									class="scroll" data-hover="Team">场馆地图</a></li>
								<li v-if="roles != 0"><a href="/CoachMap.html"
									class="scroll" data-hover="Team">教练地图</a></li>
								<li v-if="roles == 1||roles == 2"><a href="/student/showMe"
									class="scroll" data-hover="Team">学员信息完善</a></li>
								<li v-if="roles == 1||roles == 3"><a href="/coach/showMe"
									class="scroll" data-hover="Team">教练信息完善</a></li>
								<li v-if="roles == 1||roles == 4"><a
									href="/yogaclub/showMe" class="scroll" data-hover="Team">场馆信息完善</a></li>
								<li><a href="#gallery" class="scroll" data-hover="Projects">会馆图片</a></li>
								<li v-if="roles ==-1"><a href="/login.html" class="scroll"
									data-hover="login">登陆</a></li>
								<li v-if="roles ==-1"><a href="/register.html"
									class="scroll" data-hover="register">注册</a></li>
								<li v-if="roles ==5"><a href="/adminindex.html"
									class="scroll" data-hover="register">管理</a></li>
								<li
									v-if="roles == 1||roles == 2||roles == 3||roles == 4||roles ==5"><a
									href="/logout">注销</a></li>
								<li>
									<button class="btn btn-default " type="button"
										id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true"
										aria-expanded="true"
										style="opacity: 0.5; background-color: #4CAF50;"
										v-if="roles == 4">
										我 <span class="caret"></span>
									</button>
									<ul class="dropdown-menu" style="opacity: 0.5"
										v-if="roles == 4">
										<li><a href="#">我的主页</a></li>
										<li><a href="/html/chat.html">信息中心</a></li>
									</ul>
									<button class="btn btn-default dropdown-toggle" type="button"
										id="dropdownMenu2" data-toggle="dropdown" aria-haspopup="true"
										aria-expanded="true" style="opacity: 0.5;" v-if="roles == 3">
										我 <span class="caret"></span>
									</button>
									<ul class="dropdown-menu" aria-labelledby="dropdownMenu2"
										style="opacity: 0.5" v-if="roles == 3">
										<li><a href="/orderShowCoach.html">我的订单</a></li>
										<li><a href="/coachmes.html">我的详情</a></li>
										<li><a href="/pocket.html">我的钱包</a></li>
										<li><a href="/html/chat.html">信息中心</a></li>
									</ul>
									<button class="btn btn-default dropdown-toggle" type="button"
										id="dropdownMenu3" data-toggle="dropdown" aria-haspopup="true"
										aria-expanded="true" style="opacity: 0.5;" v-if="roles == 2">
										我 <span class="caret"></span>
									</button>

									<ul class="dropdown-menu" aria-labelledby="dropdownMenu3"
										style="opacity: 0.5" v-if="roles == 2">
										<li><a href="/orderShowStudent.html">我的订单</a></li>
										<li><a href="/pocket.html">我的钱包</a></li>
										<li><a href="/html/chat.html">信息中心</a></li>
									</ul>

								</li>

							</ul>
						</nav>
					</div>


					<div class="collapse navbar-collapse nav-wil">
						<div class="cl-effect-1" id="cl-effect-2"></div>
					</div>
					<!-- /.navbar-collapse -->
				</nav>

			</div>
		</div>









		<div class="callbacks_container">
			<ul class="rslides" id="slider3">
				<li>

					<div class="slider-info">
						<h3>今天就改变你的身体</h3>
						<p>洛姆·伊普苏姆·多洛坐在阿梅特身边，奉献给了埃利特。</p>
						<!--<div class="readmore-w3">
							<a class="readmore" href="#" data-toggle="modal"
								data-target="#myModal1">阅读更多</a>
						</div>-->
					</div>
				</li>
				<li>
					<div class="slider-info">
						<h3>冥想给生活带来平静</h3>
						<p>专注呼吸，关注本我，静心瑜伽，现在开始</p>
						<!--<div class="readmore-w3">
							<a class="readmore" href="#" data-toggle="modal"
								data-target="#myModal1">阅读更多</a>
						</div>-->
					</div>
				</li>
				<li>
					<div class="slider-info">
						<h3>健康在生活中更重要</h3>
						<p>我为我懂，生命从此精彩起来</p>
						<!-- <p>Donec at metus sodales, lobortis nunc non, sollicitudin arcu</p> -->
						<!--<div class="readmore-w3">
							<a class="readmore" href="#" data-toggle="modal"
								data-target="#myModal1">阅读更多</a>
						</div>-->
					</div>
				</li>
				<li>
					<div class="slider-info">
						<h3>冥想给生活带来平静</h3>
						<p>专注呼吸，关注本我，静心瑜伽，现在开始</p>
						<!--<div class="readmore-w3">
							<a class="readmore" href="#" data-toggle="modal"
								data-target="#myModal1">阅读更多</a>
						</div>-->
					</div>
				</li>

			</ul>

		</div>
		<div class="clearfix"></div>
	</div>

	<div class="modal fade" id="myModal1" tabindex="-1" role="dialog">
		<!-- Modal1 -->
		<div class="modal-dialog">
			<!-- Modal content-->
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">&times;</button>
					<h4>yoga</h4>
					<img src="images/pop1.jpg" alt=" " class="img-responsive">
					<h5>地理环境和可持续性</h5>
					<p>Yoga一字，是从印度梵语yug或yuj而来，是一个发音，其含意为“一致”“结合”或“和谐”。
						瑜伽就是一个通过提升意识，帮助人类充分发挥潜能的体系。
						瑜伽姿势运用古老而易于掌握的技巧，改善人们生理、心理、情感和精神方面的能力，是一种达到身体、心灵与精神和谐统一的运动方式。
						古印度人更相信人可以与天合一，他们以不同的瑜伽修炼方法融入日常生活而奉行不渝：
						道德、忘我的动作、稳定的头脑、宗教性的责任、无欲无求、冥想和宇宙的自然和创造。
						再简单一点来说，瑜伽是生理上的动态运动及心灵上的练习，也是应用在每天的生活哲学。
						瑜伽的最终目标就是能控制自己，能驾御肉身感官，以及能驯服似乎永无休止的内心。感官的集中点就是心意，能够驾御心意，即代表能够驾御感官；
						通过把感官、身体与有意识的呼吸相配合来实现对身体的控制。
						这些技巧不但对肌肉和骨骼的锻炼有益，也能强化神经系统、内分泌腺体和主要器官的功能，通过激发人体潜在能量来促进身体健康。
						人体的神经系统、内分泌腺体和主要器官的状况决定着一个人的健康程度。
						有规律的瑜伽练习有助于消除心理紧张，以及由于疏忽身体健康或提早衰老而造成的体能下降。因此练习瑜伽能保持活力，令思路清晰。
						现代生活节奏快，竞争激烈，压力较大。当然，适度的压力也是必要的，因为压力可以激发兴趣，振奋精神，使人精力充沛。
						但是，如果这种压力超过我们所能承受的限度，身体就会感到紧张不适，自我免疫力下降，体力不支，有时还包括心理上的挫败感、肌肉紧张（可导致脊椎疼痛）、疲累不堪、呼吸短促甚至神志不清等。
						瑜伽包含伸展、力量、耐力和强化心肺功能的练习，促进身体健康，有协调整个机体的功能，学习如何使身体健康运作的同时也增加了身体的活力。
						此外，培养心灵和谐和情感稳定的状态也引导你改善自身的生理、感情、心理和精神状态，使身体协调平衡，保持健康。</p>
				</div>
			</div>
		</div>
	</div>
	<div class="w3-services-grids">
		<div class="col-md-6 w3-services-grid-left"></div>
		<div class="col-md-6 w3-services-grid-right"
			style="width: 1000px; height: 510px; float: right" id="nmstl">

			<div class="nmsl">
				<div class="image">
				
				</div>
				<div class="miaoshu">
			
				</div>
				<div class="clearfix"></div>
			</div>

			<div class="nmsl">
				<div class="image">
			
				</div>
				<div class="miaoshu">
			
				</div>
				<div class="clearfix"></div>
			</div>

			<div class="nmsl">
				<div class="image">
				
				</div>
				<div class="miaoshu">
				
				</div>
				<div class="clearfix"></div>
			</div>

		</div>
	</div>



	<!--/gallery-->
	<div class="gallery" id="gallery">
		<div class="container">
			<div class="tittle-w3">
				<h3>会馆环境图片</h3>
			</div>

			<div class="agile_gallery_grids w3-agile">
				<ul class="clearfix demo">
					<li>
						<div class="gallery-grid1">
							<img src="images/p1.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p2.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p3.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p4.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p5.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p6.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p7.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p8.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p9.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p10.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p11.jpg" alt=" " class="img-responsive" />
						</div>
					</li>
					<li>
						<div class="gallery-grid1">
							<img src="images/p12.jpg" alt=" " class="img-responsive" />
							<!-- <div class="p-mask">
								<h4>
									In <span>fitness</span>
								</h4>
								<p>Neque porro quisquam est, qui dolorem ipsum.</p>
							</div> -->
						</div>
					</li>
				</ul>
			</div>
		</div>
	</div>

	<!--名师堂-->
	<div class="wal indexPart10" id="student">
		<div class="title slide-T slide-Ton">瑜伽学子明星堂</div>
		<a href="javascript:;" class="prev"></a> <a href="javascript:;"
			class="next"></a>
		<div class="list listHover slide-B slide-Bon">
			<div class="tempWrap"
				style="overflow: hidden; position: relative; width: 774px">
				<ul
					style="width: 3870px; position: relative; overflow: hidden; padding: 0px; margin: 0px; left: -1548px;">
					<li ajaxid="6" class="ajax6  clone on1"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/42ad0d9dc545946c2c7aa5b3e4664581.jpg">
						</div>
						<div class="name">陆翊</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="7" class="ajax7  clone"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/4f003c2689f516ef13c7cc7aaa28cddd.png">
						</div>
						<div class="name">蒋贝贝</div>
						<div class="msg">2008年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="8" class="ajax8  clone"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/c7e149262966bb92951180615dd0ca44.jpg">
						</div>
						<div class="name">李华</div>
						<div class="msg">2005年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="0" class="ajax0 on1" style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/241c02d163b3413231858d0f8091881f.png">
						</div>
						<div class="name">张德芬</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业​</div>
					</li>
					<li ajaxid="1" class="ajax1" style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/1fb06d61b408cf8fae5300b3bc138583.png">
						</div>
						<div class="name">宗丽娜</div>
						<div class="msg">2007年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="2" class="ajax2" style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/bf7a9c78cc4884932778d5a88ed405cf.jpg">
						</div>
						<div class="name">文君</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="3" class="ajax3  on1"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/88c312f806e0948835a1002748ee9f53.png">
						</div>
						<div class="name">井淳石</div>
						<div class="msg">2009年悠季瑜伽高级教师培训课程毕业</div>
					</li>
					<li ajaxid="4" class="ajax4" style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/384cba37441c5fc2927b8d3c0d16eee4.jpg">
						</div>
						<div class="name">李海涛</div>
						<div class="msg">2008年悠季瑜伽高级教师培训课程毕业</div>
					</li>
					<li ajaxid="5" class="ajax5" style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/eb3295e3f7f1bccdbebac5bccfa7d8e2.jpg">
						</div>
						<div class="name">唐一杰</div>
						<div class="msg">2006年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="6" class="ajax6  on1"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/42ad0d9dc545946c2c7aa5b3e4664581.jpg">
						</div>
						<div class="name">陆翊</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="7" class="ajax7 " style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/4f003c2689f516ef13c7cc7aaa28cddd.png">
						</div>
						<div class="name">蒋贝贝</div>
						<div class="msg">2008年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="8" class="ajax8 " style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/c7e149262966bb92951180615dd0ca44.jpg">
						</div>
						<div class="name">李华</div>
						<div class="msg">2005年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="0" class="ajax0 on1 clone"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/241c02d163b3413231858d0f8091881f.png">
						</div>
						<div class="name">张德芬</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业​</div>
					</li>
					<li ajaxid="1" class="ajax1  clone"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/1fb06d61b408cf8fae5300b3bc138583.png">
						</div>
						<div class="name">宗丽娜</div>
						<div class="msg">2007年悠季瑜伽教师培训课程毕业</div>
					</li>
					<li ajaxid="2" class="ajax2  clone"
						style="float: left; width: 258px;">
						<div class="imgDiv">
							<img src="images/bf7a9c78cc4884932778d5a88ed405cf.jpg">
						</div>
						<div class="name">文君</div>
						<div class="msg">2004年悠季瑜伽教师培训课程毕业</div>
					</li>
				</ul>
			</div>
		</div>
		<div class="content" style="display: none;">
			<p>张德芬，台湾华语世界首席心灵作家。著有《遇见未知的自己》、《活出全新的自己》等身心灵畅销书的台湾著名作家张德芬，于
				2004年加入了悠季，成为悠季瑜伽创办后首批学子中的一员。在悠季学习传统的纯粹瑜伽，不仅让她走进了一座身心修炼的殿堂，更对她的文学创作带去了非常
				积极的影响。</p>
		</div>
		<div class="content" style="display: none;">
			<p>资深瑜伽老师。2004年开始练习瑜伽，并于2007年起师从Yogi
				Mohan。2006年，凭借优异的成绩被悠季瑜伽教学团队留用，开始了瑜伽教师的执教生涯。迄今已教导出数千名素质优秀的悠季瑜伽学员！</p>
		</div>
		<div class="content" style="display: none;">
			<p style="line-height: 140%;">
				<span style="font-size: 16px; font-family: 微软雅黑, 'Microsoft YaHei';"><span
					style="font-size: 16px; line-height: 140%;">资深瑜伽老师。从2002年最初的接触，到2004年加入悠季瑜伽系统学习瑜伽，再到2004年留校任教开始瑜伽老师的职业生涯，</span>她的瑜伽体式、教学风格，如同她的性格，柔中带刚，深受广大学员爱戴。</span>
			</p>
		</div>
		<div class="content" style="display: block;">
			<p>资深瑜伽老师。2005年开始习练瑜伽，2009年凭借优异的成绩被悠季瑜伽教学团队留用，开始了瑜伽教师的执教生涯。迄今已教导出数千名素质优秀的悠季瑜伽学员！</p>
		</div>
		<div class="content" style="display: none;">
			<p style="text-align: left;">
				<span
					style="color: rgb(90, 88, 88); font-family: 微软雅黑, 'Microsoft YaHei'; line-height: 26px; text-align: justify;"><span
					style="color: rgb(90, 88, 88); line-height: 26px; text-align: justify;">资深瑜伽老师。2003年起习练瑜伽
						，后师从Yogi Mohan。</span>2008年凭借优异的成绩被悠季瑜伽教学团队留用，开始了瑜伽教师的执教生涯。迄今已教导出数千名素质优秀的悠季瑜伽学员！</span>
			</p>
			<p>
				<br>
			</p>
		</div>
		<div class="content" style="display: none;">
			<p>资深瑜伽老师。曾任巴厘岛国际瑜伽节授课教师，香港瑜伽大会授课教师。2007年参加悠季瑜伽的教师培训课程，在悠季学习期间多次担任过悠季瑜伽大师课程的翻译工作，并参与过《光耀生命》等国内权威瑜伽书籍的编写、翻译和校对工作。</p>
		</div>
		<div class="content" style="display: none;">
			<p>
				<span style="font-family: 微软雅黑, 'Microsoft YaHei';">资深瑜伽老师。2002年开始习练瑜伽。《瑜伽》杂志撰稿人、技术审读。曾担任悠季瑜伽资深瑜伽教师、北京总部教学部主任及核心成员。</span>
			</p>
		</div>
		<div class="content" style="display: none;">
			<p>资深瑜伽老师。2008年1月，毕业于悠季瑜伽教师培训课程；2008年5月，在悠季瑜伽参加了梵克大师的艾扬格教师认证培训。2010年开始在悠季任教，教授艾扬格瑜伽。目前是中国最高级别的艾扬格瑜伽认证老师。</p>
		</div>
		<div class="content" style="display: none;">
			<p>
				<span style="font-family: 微软雅黑, 'Microsoft YaHei';"><span
					style="font-size: 16px;">资深瑜伽老师。2005年毕业于悠季瑜伽教师培训课程，师从Yogi
						Mohan，2006年凭借优异的成绩被悠季瑜伽教学团队留用，开始了瑜伽教师的执教生涯。</span>2008年6月起参加梵克大师S.F.Biria的首届历时三年的艾扬格瑜伽教师培训课程，是中国首批艾杨格大师亲自认证的艾扬格瑜伽老师。</span>
			</p>
		</div>
	</div>

	<script type="text/javascript">
		$(function() {
			show();
			$('.indexPart10').find('li:first').addClass('on1');
			$('.indexPart10').find('.content:first').show();
			$('.indexPart10').slide({
				mainCell : "ul",
				autoPage : true,
				effect : "leftLoop",
				autoPlay : false,
				vis : 3,
				scroll : 3,
				endFun : function(i, c) {
					var index = i * 3;
					$('.indexPart10').find('.ajax').removeClass('on1');
					$('.ajax' + index).addClass('on1');
					$('.indexPart10').find('.content').hide();
					$('.indexPart10').find('.content').eq(index).show();
				}
			});
			$('.indexPart10').find('li').each(
					function(i) {
						$(this).click(
								function() {
									$('.indexPart10').find('li').removeClass(
											'on1');
									$(this).addClass('on1');
									$('.indexPart10').find('.content').hide();
									$('.indexPart10').find('.content').eq(
											$(this).attr('ajaxId')).show();
								})
					})
		})

		function show() {
			$.ajax({
				url : "/admin/sendtoindex",
				type : "post",
				dataType : "json",
				success : function(data) {
					var context = "";
					for (var i = 0; i < data.length; i++) {
						var po = data[i];
						var arr = po.describe.split(",");
						context += '<div class="nmsl">' + '<div class="image">'
								+ '</div>' + '<div class="miaoshu">'
								+ '<p><a href='+arr[0]+'>' + arr[1]
								+ '</a></p>' + '</div>'
								+ '<div class="clearfix"></div>' + '</div>'
					}
					$("#nmstl").html(context);
				}
			});
		}
	</script>


	<!-- js -->
	<!-- 	 <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
	gallery-js
	<script src="js/jquery.picEyes.js"></script>
	<script>
		$(function() {
			//picturesEyes($('.demo li'));
			$('.demo li').picEyes();
		});
	</script>  -->
	<!--//gallery-js -->
	<!-- start-smoth-scrolling -->
	<script type="text/javascript" src="js/move-top.js"></script>
	<script type="text/javascript" src="js/easing.js"></script>
	<script type="text/javascript">
		jQuery(document).ready(function($) {
			$(".scroll").click(function(event) {
				event.preventDefault();
				$('html,body').animate({
					scrollTop : $(this.hash).offset().top
				}, 1000);
			});
		});
	</script>
	<!-- start-smoth-scrolling -->

	<script src="js/responsiveslides.min.js"></script>
	<script>
		// You can also use "$(window).load(function() {"
		$(function() {
			// Slideshow 3
			$("#slider3").responsiveSlides({
				auto : true,
				pager : true,
				nav : true,
				speed : 500,
				namespace : "callbacks",
				before : function() {
					$('.events').append("<li>before event fired.</li>");
				},
				after : function() {
					$('.events').append("<li>after event fired.</li>");
				}
			});

		});
	</script>



	<script defer src="js/jquery.flexslider.js"></script>
	<!--Start-slider-script-->
	<script type="text/javascript">
		$(window).load(function() {
			$('.flexslider').flexslider({
				animation : "slide",
				start : function(slider) {
					$('body').removeClass('loading');
				}
			});
		});
	</script>
	<!--End-slider-script-->



	<!-- smooth scrolling -->
	<script type="text/javascript">
		$(document).ready(function() {
			$().UItoTop({
				easingType : 'easeOutQuart'
			});
		});
	</script>
	<!-- pop-up-box -->
	<script src="js/jquery.magnific-popup.js" type="text/javascript"></script>
	<script>
		$(document).ready(function() {
			$('.popup-with-zoom-anim').magnificPopup({
				type : 'inline',
				fixedContentPos : false,
				fixedBgPos : true,
				overflowY : 'auto',
				closeBtnInside : true,
				preloader : false,
				midClick : true,
				removalDelay : 300,
				mainClass : 'my-mfp-zoom-in'
			});
		});

		new Vue({
			el : "#navigationBar",
			data : {
				roles : ""
			},
			beforeCreate : function() {
				var temp = this;

				axios.get("/user/getRoles").then(function(value) {
					temp.roles = value.data
				});

			}
		})
	</script>



	<a href="#home" id="toTop" style="display: block;"> <span
		id="toTopHover" style="opacity: 1;"> </span></a>
	<script type="text/javascript" src="js/bootstrap-3.1.1.min.js"></script>





</body>

</html>